/**
 * Styles modyfing HTML tags
 */
@import "jquery.svg.css";
@font-face {
    font-family: Lintel;
    src: url('../fonts/Lintel_Reg.ttf');
}
html {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: Lintel, sans-serif;
    overflow: hidden;
}
body {
    margin: 0;
    z-index: 8000;
}
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
}
input {
    height: 26px;
    border: 1px solid #3a454f;
    font-family: Lintel, sans-serif;
    color: #417dc2;
    font-size: 14px;
    padding-left: 10px;
}
label {
    font-size: 15px;
    color: #417dc2;
    letter-spacing: 0px;
}
textarea {
    border: 1px solid #3a454f;
    font-family: Lintel, sans-serif;
    color: #417dc2;
    font-size: 14px;
    padding: 10px 0 10px 10px;
    resize: none;
}
input[type="button"],
input[type="submit"] {
    color: #FFF;
    font-size: 17px;
    background: transparent url('../img/background_button_form.png') 0 0 no-repeat;
    width: 137px !important;
    height: 37px !important;
    border: none !important;
    margin: 0 7px 0 7px;
    padding: 0;
}
input[type="button"]:hover,
input[type="submit"]:hover {
    background: transparent url('../img/background_button_form.png') -137 0 no-repeat;
}
/**
 * Styles for structural elements
 */
#main_header {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 184px;
    z-index: 1200;
    background: #cee1ef;
    background: -moz-linear-gradient(top, rgba(206,225,239,0.8), rgba(247,250,253,1));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(206,225,239,0.8)), to(rgba(247,250,253,1)));    
}
#main_header #header_logo {
    position: relative;
    float: left;
    padding: 0 0 0 10px;
    z-index: 1250;
}
#main_header #welcome_legend {
    position: relative;
    float: right;
    padding: 15px 135px 0 0;
    text-align: right;
}
#main_header #welcome_legend h1 {
    margin: 0;
    color: #414d58;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0px;
}
#main_header #blog_link {
    position: absolute;
    top: 20px;
    right: 0px;
    padding-right: 25px;
}
#main_header #share_link {
    position: absolute;
    top: 55px;
    right: 0px;
    padding-right: 25px;
}
#main_header #language_link {
    position: absolute;
    top: 90px;
    right: 0px;
    padding-right: 25px;
}
#middle_content {
    position: absolute;
    top: 185px;
    width: 100%;
    height: 53px;
    z-index: 1100;
    background: #3a454f;
    background: -moz-linear-gradient(top, rgb(81,94,106), rgb(58,69,79));
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(81,94,106)), to(rgb(58,69,79)));
    text-align: right;
}
#middle_content h1 {
    font-size: 20px;
    color: #d9edff;
    padding: 61px 10px 10px 0;
    font-weight: 200;
    letter-spacing: 0px;
    margin: 0;
}
#main_navigation,
#main_navigation ul,
#main_navigation ul li {
    z-index: 1500;
}
#main_navigation ul {
    list-style: none;
    display: inline;
    position: absolute;
    top: 128px;
    right: 15px;
}
#main_navigation ul li {
    display: inline-block;
    height: 83px;
    width: 198px;
    background: transparent url('../img/background_button.png') 0 0 no-repeat;
    margin: 0 0 0 20px;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -2px;
    color: #d7edff;
    line-height: 70px;
    cursor: pointer;
}
#main_navigation ul li:hover {
    background: transparent url('../img/background_button.png') -227px 0 no-repeat;
}
#main_content {
    position: absolute;
    top: 238px;
    width: 970px;
    left: 50%;
    margin-left: -485px;
    z-index: 1000;
    overflow: hidden;
}
#main_content #contact_link {
    position: absolute;
    z-index: 2000;
    bottom: -200px;
    left: 40px;
}
#secondary_navigation {
    position: relative;
    float: left;
    width: 234px;
}
#secondary_navigation ul {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0 0 0 15px;
}
#secondary_navigation ul li {
    color: #d9edff;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 40px;
    cursor: pointer;
}
#secondary_navigation ul li:hover {
    color: #ffad0f;
}
.content_area {
    position: relative;
    float: right;
    width: 735px;
    margin: 0 1px 0 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}
.content_area h1 {
    margin: 0;
    text-align: right;
    padding: 10px 15px 5px 0;
    font-weight: 400;
    color: #4268a1;
    font-size: 38px;
    letter-spacing: -2px;
    line-height: 33px;
    text-shadow: 0px 1px 2px rgba(255,255,255,0.75);
}
#contact_form {
    position: absolute;
    top: 20px;
    right: -350px;
    width: 310px;
    height: 25px;
    padding: 15px;
    display: none;
}
#contact_form_contents {
    display: none;
}
#contact_form_contents header {
    text-align: right;
    font-size: 25px;
    color: #3a454f;
    font-weight: 200;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
}
#contact_form_contents p {
    text-align: right;
    font-size: 20px;
    color: #3a454f;
    font-weight: 200;
    letter-spacing: -1px;
    margin-top: 0;
    padding-top: 0;
}
#contact_form_contents input {
    width: 95%;
}
#contact_form_contents textarea {
    width: 95%;
    height: 150px;
}
#left_select {
    float: left;
    width: 40%;
}
#right_select {
    float: left;
    width: 40%;
    margin-left: 25px;
}
#sharing_form {
    position: absolute;
    top: 50px;
    right: 115px;
    width: 640px;
    height: 41px;
    padding: 10px 10px 10px 15px;
    display: none;
}
#sharing_form header {
    float: left;
    text-align: right;
    font-size: 18px;
    color: #4883c6;
    letter-spacing: 0px;
    line-height: 18px;
}
#sharing_form #sharing_icons {
    float: left;
    margin: 5px 0 0 15px;
}
#sharing_close {
    float: right;
    position: relative;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}
#tech_icons {
    position: absolute;
    bottom: 5px;
    width: 730px;
    left: 50%;
    margin-left: -245px;
    z-index: 2000;
    vertical-align: middle;
}
section[id^="details_"] {
    left: 50%;
}
#details_html5 {
    margin-left: -276px;
}
#details_jquery {
    margin-left: -210px;
}
#details_php {
    margin-left: -130px;
}
#details_mysql {
    margin-left: -65px;
}
#details_flash {
    margin-left: -5px;
}
#details_sugarcrm {
    margin-left: 80px;
}
#details_drupal {
    margin-left: 155px;
}
#details_joomla {
    margin-left: 230px;
}
#details_magento {
    margin-left: 11px;
}
#details_wordpress {
    margin-left: 80px;
}
#parallax_viewport {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#parallax_iframe {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#parallax { position: relative; overflow: hidden; }
#layer5 {
    background: url(../img/bkg_layers/layer5.png) bottom center no-repeat;
    background-size: auto 100%;
    width: 105%;
    height: 100%;
}
#layer4 {
    background: url(../img/bkg_layers/layer4.png) bottom center no-repeat;
    background-size: auto 100%;
    width: 110%;
    height: 100%;
}
#layer3 {
    background: url(../img/bkg_layers/layer3.png) bottom right no-repeat;
    background-size: auto 100%;
    width: 115%;
    height: 100%;
}
#layer2 {
    background: url(../img/bkg_layers/layer2.png) bottom left no-repeat;
    background-size: auto 100%;
    width: 120%;
    height: 100%;
}
#layer1 {
    background: url(../img/bkg_layers/layer1.png) bottom center no-repeat;
    background-size: 100%;
    width: 130%;
    height: 100%;
}
/**
 * Classes applicable to any object
*/
.drop_shadow {
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.75);
}
.text_shadow {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
}
.primary_selected {
    background: transparent url('../img/background_button.png') -227px 0 no-repeat !important;
}
.secondary_selected {
    color: #ffad0f !important;
}
.pop_up_section {
    background: rgba(255,255,255,0.95);
    border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 5000;
}
.form_field {
    margin-bottom: 15px;
}
.side_button {
    color: #FFF;
    background: transparent url('../img/background_side_button_normal.png') 0 0 no-repeat;
    height: 27px;
    width: 70px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}
.side_button:hover, .side_button_hover {
    color: #3a454f;
    background: transparent url('../img/background_side_button_hover.png') 0 0 no-repeat;
}
.call_to_action {
    background: transparent url('../img/background_calltoaction.png') 0 0 no-repeat;
    width: 159px;
    height: 72px;
    font-size: 27px;
    letter-spacing: 0px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
    line-height: 62px;
    padding-left: 35px;
    color: #FFF;
    cursor: pointer;
}
.call_to_action:hover {
    background: transparent url('../img/background_calltoaction_hover.png') 0 0 no-repeat;
}
label.invalid_form_field {
    display: none !important;
}
.invalid_form_field {
    border: 1px solid #FF0000;
}
.bottom_icon {
    float: left;
}
.bottom_icon img {
    vertical-align: middle;
    margin: 2px;
    cursor: pointer;
}
.icon_details {
    background: transparent url('../img/background_icon_detail.png') 0 0 no-repeat;
    width: 379px;
    height: 167px;
    position: absolute;
    z-index: 5000;
    bottom: 60px;
    padding: 5px;
    color: #FFF;
    display: none;
}
.invert {
    background: transparent url('../img/background_icon_detail_invert.png') 0 0 no-repeat !important;
}
.icon_details header {
    font-size: 38px;
    color: #ffad0f;
    letter-spacing: -1px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
    margin: 0px 10px 0 10px;
    padding: 0;
    width: auto;
    float: left;
}
.icon_details p {
    padding: 0;
    margin: 5px 10px 0 10px;
    font-size: 14px;
}
.main_content {
    font-size: 16px;
    line-height: 21px;
    color: #6b7d8d;
    letter-spacing: 0px;
    margin: 10px 0 10px 20px;
    padding: 0;
    font-weight: 400;
}
.highlight_content {
    font-size: 26px;
    line-height: 30px;
    color: #4c5964;
    letter-spacing: -1px;
    margin: 4px 0 4px 20px;
    padding: 0;
    font-weight: 500;
}
.main_content strong, .highlight_content strong {
    color: #417dc2;
    font-weight: inherit;
}
.extra_padding {
    padding-top: 5px;
}
.body_background {
    background: url('../img/background_wave_2.jpg') no-repeat center fixed;
}
 /**
 * Plugin styles and other inherited properties
 */
/* Dropdown control */
.selectBox-dropdown {
    width: 110px; /* width = (desired width) - padding-right */
    padding-right: 25px;
    position: relative;
    height: 26px;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #3a454f;
    font-family: Lintel, sans-serif;
    color: #417dc2;
    font-size: 14px;
    background-color: #FFF;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #3a454f;
}

.selectBox-dropdown.selectBox-menuShowing {

}

.selectBox-dropdown .selectBox-label {
	width: 100%;
	padding: .2em .3em;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: url(../img/jquery.selectBox-arrow.gif) 50% center no-repeat;
	border-left: solid 1px #3a454f;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 150px;
	border: solid 1px #3a454f; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	overflow: auto;
}


/* Inline control */
.selectBox-inline {
	width: 125px;
	outline: none;
	border: solid 1px #3a454f;
	background: #FFF;
	display: inline-block;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #3a454f;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
        font-size: 14px;
}

.selectBox-options LI A {
	padding: 0 .5em;
        line-height: 1.5;
        color: #417dc2;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #417dc2;
        color: #FFF;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}